@import 'vars';
@import 'mixins';

/*
	Landed by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

$color-border: mix($color-bg, $color-fg-bold, 70);
$color-border-bg: mix($color-bg, $color-fg-bold, 90);

/* Basic */

	body {
		color: $color-fg-bold;
	}

	body, html, #skel-layers-wrapper {
		height: 100%;
	}

	blockquote {
		border-left: solid 4px $color-border;
	}

	code {
		background: $color-border-bg;
	}

	hr {
		border-bottom: solid 1px $color-border;
	}

/* Icon */

	.icon {
		&.major {
			-ms-behavior: url('css/ie/PIE.htc');
		}
	}

/* Image */

	.image {
		position: relative;
		-ms-behavior: url('css/ie/PIE.htc');

		&:before {
			display: none;
		}

		img {
			position: relative;
			-ms-behavior: url('css/ie/PIE.htc');
		}
	}

/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		position: relative;
		-ms-behavior: url('css/ie/PIE.htc');

		&:focus {
			-ms-behavior: url('css/ie/PIE.htc');
		}
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: $size-element-height;
	}

	input[type="checkbox"],
	input[type="radio"] {
		font-size: 3em;
		& + label {
			&:before {
				display: none;
			}
		}
	}

/* Table */

	table {
		tbody {
			tr {
				border: solid 1px $color-border;
			}
		}

		thead {
			border-bottom: solid 1px $color-border;
		}

		tfoot {
			border-top: solid 1px $color-border;
		}

		&.alt {
			tbody {
				tr {
					td {
						border: solid 1px $color-border;
					}
				}
			}
		}
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		border: solid 1px $color-fg-bold !important;

		&.special {
			border: 0 !important;
		}
	}

/* Goto Next */

	.goto-next {
		display: none;
	}

/* Spotlight */

	.spotlight {
		height: 100%;

		.content {
			background: $color-accent2-bg;
		}
	}

/* Wrapper */

	.wrapper {
		&.style2 {
			input[type="text"],
			input[type="password"],
			input[type="email"],
			select,
			textarea {
				&:focus {
					border-color: $color-fg-bold;
				}
			}

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			.button {
				&.special {
					&:hover, &:active {
						color: $color-accent1-bg !important;
					}
				}
			}
		}
	}

/* Dropotron */

	.dropotron {
		background: $color-accent2-bg;
		box-shadow: none !important;
		-ms-behavior: url('css/ie/PIE.htc');

		> li {
			a, span {
				color: $color-fg-bold !important;
			}
		}

		&.level-0 {
			margin-top: 0;

			&:before {
				display: none;
			}
		}
	}

/* Header */

	#header {
		background: $color-accent2-bg;
	}

/* Banner */

	#banner {
		height: 100%;

		&:before {
			height: 100%;
		}

		&:after {
			background-image: url('images/banner-overlay.png');
		}
	}